<!--
 * @Author: Wangtao
 * @Date: 2022-08-31 19:50:05
 * @LastEditors: Wangtao
 * @LastEditTime: 2022-09-07 09:39:29
-->
<template>
<div class="box">
  <detail-com :cardInfo='cardInfo' :customerList='customerList' :scene='scene' ref="DetailCom" @onUpdateData="updateList"></detail-com>
</div>  
</template>

<script lang="ts">
import { defineComponent, reactive, onMounted } from 'vue'

import DetailCom from '@app/call-center/views/recent-calls/component/tab-component/customDetail/detail.vue'


export default defineComponent({
  name: 'customDetail',
  props: {
    // 场景值 callcard 通话卡片 callrecord 通话记录详情
    scene: {
      type: String,
      default: 'callcard'
    },
    // 匹配客户列表
    customerList: {
      type: Array,
      default: () => {
        return []
      }
    },
    // 卡片信息-通话卡片
    cardInfo: {
      type: Object,
      default: () => {
        return {}
      }
    },
    // 通话详情信息
    callRcordInfo: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
  components: {
    DetailCom
  },
  // ----------------生命周期-----------------------
  setup() {
    // ----------------传入属性-----------------------
    // ----------------内部属性-----------------------
    const state = reactive({
      form: {}
    })
    onMounted(async () => {
      console.log('mc')
    })
    // ----------------计算属性-----------------------
    // ----------------监听方法-----------------------
    // ----------------调用方法-----------------------
    return {}
}

})
</script>

<style lang="stylus" scoped>
.box
  box-sizing: border-box
  height: 100%
</style>